<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      body {
        margin: 0;
        padding: 0;
        background-color: #fff;
        overflow: hidden;
      }
      svg {
      }
    </style>
  </head>
  <body>
    <div
      class="circle-progress-div"
      style="
        background-color: rgba(0, 0, 0, 0.75);
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 30000;
      "
    >
      <svg width="100%" height="100%" viewBox="0 0 500 500">
        <text
          class="circle-title-text"
          style="font-size: 26px"
          fill="white"
          y="156"
          x="250"
          text-anchor="middle"
        >
          固件更新
        </text>
        <circle
          cx="250"
          cy="250"
          r="62"
          stroke-width="1"
          stroke="#595959"
          fill="none"
        ></circle>
        <circle
          cx="250"
          cy="250"
          r="62"
          stroke-width="1"
          stroke="#28fada"
          fill="none"
          transform="matrix(0,-1,1,0,0,500)"
          stroke-dasharray="233.7344934270806 155.82299561805374"
        ></circle>
        <g transform="translate(250,250)">
          <text text-anchor="middle" dy="17">
            <tspan
              class="circle-number-left-text"
              fill="white"
              style="font-size: 50px"
            >
              60
            </tspan>
            <tspan
              class="circle-number-right-text"
              fill="white"
              style="font-size: 20px"
            >
              %
            </tspan>
          </text>
        </g>
        <text
          class="circle-content-text"
          style="font-size: 19px"
          fill="white"
          y="359"
          x="250"
          text-anchor="middle"
        >
          更新系统内核...
        </text>
      </svg>
    </div>
  </body>
</html>
